<!-- 底部 -->
<template>
  <div class="the-footer">
    <p>
      <span>服务条款</span>&nbsp;|&nbsp;
      <span>隐私政策</span>&nbsp;|&nbsp;
      <span>儿童隐私政策</span>&nbsp;|&nbsp;
      <span>版权投诉指引</span>&nbsp;|&nbsp;
      <span>联系我们</span>&nbsp;|&nbsp;
      <span>广告合作</span>
    </p>
    <p class="copy">©2022</p>
  </div>
</template>

<script>
export default {
  name: 'the-footer',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
.the-footer{
  height: 150px;
  background-color: rgba(63, 60, 60, 0.438);
  text-align: center;
  padding-top: 60px;
  color: black;
}
span:hover{
  color: aliceblue;
  cursor: pointer;
}
.copy:hover{
  color: aliceblue;
  cursor: pointer;
}
</style>
